<!-- 页面 -->
<template>
  <div>
    <div class="box">
      <my-home1 :list="list"></my-home1>
    </div>
  </div>
</template>
<!--vue -->
<script>
import MyHome1 from "../home1/home1.vue"
import goodsList from "../../../public/items.json"
export default {
  name: "MyHome",
  data() {
    return {
      list:[]
    }
  },
  components:{
    MyHome1
  },
  mounted() {
    this.getList()
  },
  methods: {
    getList() {
      this.list.push(goodsList)
      console.log(this.list);
    }
  }
}
</script>
<!-- css样式 -->
<style >
.box {
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.tabs{
  width: 100%;
}
</style>
